<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
    
        
    #div1{
        background-color: rgb(197, 50, 205);
    }
    #div2{
        background-color: rgba(50, 205, 66, 0.949);
    }
    #div3{
        background-color: rgb(50, 146, 205);
        
    
    }
    #div4{
        background-color: rgb(187, 50, 205);
    }
    #divzs{
        width: 100px;
        height: 100px;
    }
    #father{
        display: flex;
        /*flex-direction: row;*/
        /*justify-content: space-around;*/
        height: 500px;
        background-color: aqua;
        /*align-items: center;*/
        /*align-content: center ;*/
        align-content: flex-start;
    }    
    </style>
    
</head>
<body>
    <div id="father">
        <div id="div1" class="divzs">xdxdwydissyou</div>
        <div id="div2" class="divzs">xdxdwydissyou</div>
        <div id="div3" class="divzs">xdxdwydissyou</div>
        <div id="div4" class="divzs">xdxdwydissyou</div>
    </div>
</body>
</html>